<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>事件管理</title>
    <link rel="stylesheet" type="text/css" href="js/lib/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="js/lib/bootstrap/bootstrap-theme.min.css">
    <link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css">
    <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.4/src/SearchInfoWindow_min.css" />
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/layout.css">
    <link rel="stylesheet" type="text/css" href="css/master.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_cqeinxuuef3qsemi.css">
</head>

<body>
    <div class="wrap">
        <!-- 头部页面 -->
        <header>
            <div class="container">
                <div class="logo">
                    <img src="images/logo.png">
                    <div class="title">
                        <h1>厦门水务生产调度系统</h1>
                        <h3>湖边水库管理所</h3>
                    </div>
                </div>
                <div class="state-message">
                    <div class="nav">
                        <ul>
                            <li><a href="index.html">实时监控</a></li>
                            <li><a class="active">事件管理</a></li>
                            <li><a href="danger.html">危险管控</a></li>
                            <li><a href="people.html">人员调度</a></li>
                            <li><a href="facilities.html">设施管理</a></li>
                            <li><a href="message.html">信息管理</a></li>
                            <li><a href="user.html">用户管理</a></li>
                            <li><a>关于我们</a></li>
                        </ul>
                    </div>
                    <div class="user-message">
                        <div class="dropdown clearfix">
                            <p type="button" id="dropdownMenuDivider" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                张小龙
                                <span class="skuiwu-caret caret"></span>
                            </p>
                            <ul class="skuiwu-menu  dropdown-menu" aria-labelledby="dropdownMenuDivider">
                                <li><a href="#">个人中心</a></li>
                                <li><a href="#">退出登录</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!--内容页面 -->
        <div class="event-content content">
            <div class="search-input">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="搜地点、查设备" aria-describedby="basic-addon2">
                    <button class="input-group-addon" id="basic-addon2"><img src="images/search.png"></button>
                </div>
                <div class="report-time">
                    <div id="myScrollspy" class="skuiwu-navbar navbar navbar-default navbar-static" role="navigation">
                        <ul class="header-ul">
                            <li>上报时间</li>
                            <li>状态</li>
                            <li>内容</li>
                        </ul>
                    </div>
                    <div data-spy="scroll" data-target="#myScrollspy" data-offset="0" class="skuiwu-scroll">
                        <ul class="content-ul">
                            <li>
                                <p>2017-01-11
                                    <br/>09.30</p>
                                <p>未处理</p>
                                <p>湖边补调管道破损</p>
                            </li>
                            <li>
                                <p>2017-01-11
                                    <br/>09.30</p>
                                <p>未处理</p>
                                <p>湖边补调管道破损</p>
                            </li>
                            <li>
                                <p>2017-01-11
                                    <br/>09.30</p>
                                <p>未处理</p>
                                <p>湖边补调管道破损</p>
                            </li>
                            <li>
                                <p>2017-01-11
                                    <br/>09.30</p>
                                <p>未处理</p>
                                <p>湖边补调管道破损</p>
                            </li>
                            <li>
                                <p>2017-01-11
                                    <br/>09.30</p>
                                <p>未处理</p>
                                <p>湖边补调管道破损</p>
                            </li>
                            <li>
                                <p>2017-01-11
                                    <br/>09.30</p>
                                <p>未处理</p>
                                <p>湖边补调管道破损</p>
                            </li>
                            <li>
                                <p>2017-01-11
                                    <br/>09.30</p>
                                <p>未处理</p>
                                <p>湖边补调管道破损</p>
                            </li>
                            <li>
                                <p>2017-01-11
                                    <br/>09.30</p>
                                <p>未处理</p>
                                <p>湖边补调管道破损</p>
                            </li>
                            <li>
                                <p>2017-01-11
                                    <br/>09.30</p>
                                <p>未处理</p>
                                <p>湖边补调管道破损</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="dealWith-div">
                    <p>未处理<span>9</span>/总数<span>30</span></p>
                </div>
            </div>
            <div class="left-icon">
                <span class="iconfont icon-zuo"></span>
            </div>
            <div id="allmap">
                <div id="map">
                </div>
            </div>
            <!-- <div id="myCarousel" class="carousel slide" style="z-index: 1;position: absolute;">
                
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                </ol>
                
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="images/people.png" alt="First slide">
                    </div>
                    <div class="item">
                        <img src="images/people.png" alt="Second slide">
                    </div>
                    <div class="item">
                        <img src="images/people.png" alt="Third slide">
                    </div>
                </div>
                
                <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
            </div> -->
        </div>
    </div>
    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="js/lib/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ehGF32jTPfCia8QrpLwlKfNpGSX5em2G"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.4/src/SearchInfoWindow_min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/event.js"></script>
    <script type="text/javascript">
    $(function() {
        removeSection = function(e) {
                $(e).parents(".section").remove();
                $('[data-spy="scroll"]').each(function() {
                    var $spy = $(this).scrollspy('refresh')
                });
            }
        //     // 初始化轮播
        // $(".start-slide").click(function() {
        //     $("#myCarousel").carousel('cycle');
        // });
        // // 停止轮播
        // $(".pause-slide").click(function() {
        //     $("#myCarousel").carousel('pause');
        // });
        // // 循环轮播到上一个项目
        // $(".prev-slide").click(function() {
        //     $("#myCarousel").carousel('prev');
        // });
        // // 循环轮播到下一个项目
        // $(".next-slide").click(function() {
        //     $("#myCarousel").carousel('next');
        // });
        // // 循环轮播到某个特定的帧 
        // $(".slide-one").click(function() {
        //     $("#myCarousel").carousel(0);
        // });
        // $(".slide-two").click(function() {
        //     $("#myCarousel").carousel(1);
        // });
        // $(".slide-three").click(function() {
        //     $("#myCarousel").carousel(2);
        // });
    });
    </script>
</body>

</html>
